<template>
  <div>
    <div :style="{marginBottom: '20px'}">this is t1</div>
    <FCRuleTable
      :colConditions="colConditions"
      :colResults="results"
      :initDatas="initDatas"
    />
  </div>
</template>

<script>
import FCRuleTable from '../rule-table-test/fc-rule-table/FCRuleTable.vue'


export const colConditions = [
  {
    code: 'P01',
    title: '性别',
    options: [
      { value: '0', label: '女' },
      { value: '1', label: '男' },
    ],
  },
  { code: 'P02', title: '因子 2' },
  { code: 'P03', title: '因子 3' },
]

const results = [
  { code: 'R01', title: '费率', dataType: 'number' },
  { code: 'R02', title: '结果 2', dataType: 'string' },
]


const initDatas = [
  { P01: 1, P02: '1111', P03: 'a1', P04: '[0, 0.54)', P05: 0, R01: 11, R02: 'aaaa' },
  { P01: 1, P02: '2222', P03: 'a2', P04: '[0, 0.54)', P05: '0', R01: 22, R02: 'bbbb' },
  { P01: 0, P02: '3333', P03: 'a3', P04: '[0, 0.54)', P05: '0', R01: 333, R02: 'cc' },
]

export default {
  name: 't1',
  components: {
    FCRuleTable
  },
  data() {



    const myTable = FCRuleTable.createTable()

    return {
      myTable,

      colConditions,
      results,
      initDatas,
    }
  },
  methods: {

  },
}
</script>

<style>

</style>